<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发布文章</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <style>
        /* 自定义的额外样式 */
        .container {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
        }

        .form-group label {
            font-weight: bold;
        }

        .form-group textarea {
            height: 200px;
        }

        .btn-publish {
            background-color: #007bff;
            color: #fff;
            border-color: #007bff;
        }

        .btn-publish:hover {
            background-color: #0056b3;
            border-color: #0056b3;
        }
    </style>
</head>

<body>
<div class="container">
    <h2 class="mb-4">发布文章</h2>
    <form action="/article" method="post" id="articleForm">
        <div class="form-group">
            <label for="articleTitle">标题</label>
            <input type="text" class="form-control" id="articleTitle" placeholder="请输入标题" name="articleTitle">
        </div>
        <div class="form-group">
            <label for="articleContent">内容</label>
            <textarea class="form-control" id="articleContent" placeholder="请输入内容" name="articleContent"></textarea>
        </div>
        <div class="form-group">
            <label for="articleType">类型</label>
            <select class="form-control" id="articleType" name="articleType">
                <option value="technology">科技</option>
                <option value="politic">政治</option>
                <option value="sports">体育</option>
                <option value="culture">文化</option>
                <option value="business">商业和投资</option>
                <option value="health">健康</option>
                <option value="travel">旅行</option>
            </select>
        </div>
        <button type="submit" class="btn btn-publish">发布</button>
    </form>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
</body>
</html>